<%@ page language="java" contentType="text/html;charset=utf-8" %>
<html><!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <jsp:include page="../common/common.jsp"/>
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="${path}/assets/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css" href="${path}/assets/plugins/select2/select2-metronic.css"/>
    <!-- END PAGE LEVEL STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<jsp:include page="../common/header.jsp"/>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
    <jsp:include page="../common/menu.jsp"/>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
<div class="page-content">
<!-- BEGIN PAGE CONTENT-->
<div class="row">
<div class="col-md-12">
<!-- BEGIN EXAMPLE TABLE PORTLET-->
<div class="portlet box purple">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-envelope-o"></i>站内信列表
        </div>
        <div class="tools">
            <div class="actions">
                <a href="#basic" data-toggle="modal" class="btn default yellow-stripe">
                    <i class="fa fa-plus"></i>
									<span class="hidden-480">
										 发站内信
									</span>
                </a>
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <table class=" table table-striped table-bordered table-hover" id="sample_1">
            <thead>
            <tr class="heading">
                <th>序号</th>
                <th>消息内容</th>
                <th>发布人</th>
                <th>发布时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>商机旺旺网站上线了</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>

                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td>商机项目多多</td>

                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td>商机项目多多</td>

                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td>商机项目多多</td>

                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td>商机项目多多</td>
                <td>管理员</td>
                <td>2014-03-03</td>
                <td>
                    <div style="width: 80px;">
                        &nbsp;
                        <a href="#" class="btn default btn-xs black">
                            <i class="fa fa-trash-o"></i> 删除
                        </a>
                    </div>
                </td>
            </tr>

            </tbody>
        </table>

        <div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">发站内信</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            <textarea id="maxlength_textarea" class="form-control" maxlength="225" rows="3"
                                      placeholder="请在此填写..."></textarea>

                        <p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn blue">提交</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END EXAMPLE TABLE PORTLET-->

</div>
</div>
<!-- END PAGE CONTENT-->
</div>
</div>
<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<jsp:include page="../common/footer.jsp"/>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="${path}/assets/plugins/select2/select2.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function () {
        /*
         * Initialize DataTables, with no sorting on the 'details' column
         */
        var oTable = $('#sample_1').dataTable({
            "aoColumnDefs": [
                {"bSortable": false, "aTargets": [ 0 ] }
            ],
            "aaSorting": [
                [1, 'asc']
            ],
            "aLengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            // set the initial value
            "iDisplayLength": 10,
            "oLanguage": {
                "sLengthMenu": "每页显示 _MENU_ 条记录",
                "sZeroRecords": "对不起，查询不到任何相关数据",
                "sInfo": "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
                "sInfoEmtpy": "找不到相关数据",
                "sInfoFiltered": "数据表中共为 _MAX_ 条记录",
                "sProcessing": "正在加载中...",
                "sSearch": "搜索",
                "sUrl": "", //多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt
                "oPaginate": {
                    "sFirst": "第一页",
                    "sPrevious": " 上一页 ",
                    "sNext": " 下一页 ",
                    "sLast": " 最后一页 "
                }
            }
        });

        jQuery('#sample_1_wrapper .dataTables_filter input').addClass("form-control input-small input-inline"); // modify table search input
        jQuery('#sample_1_wrapper .dataTables_length select').addClass("form-control input-small"); // modify table per page dropdown
        jQuery('#sample_1_wrapper .dataTables_length select').select2(); // initialize select2 dropdown


    });
</script>
</body>
<!-- END BODY -->
</html>